body{
    background: #f2f3f5;
    padding-bottom: 1.18rem;
}
.banner{
    height: 4.04rem;
    background: url(../img/1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.bai{
    width: 100%;
    height: .8rem;
    background: rgba(255,255,255,.15);
    z-index: 10;
    position: relative;
}
.sousuo{
    width: 96%;
    height: .56rem;
    background: rgba(0,0,0,.4);
    font-size: .26rem;
    color: white;
    border-radius: 1rem;
    z-index: 20;
    padding-left: .52rem;
}
.sousuo::-webkit-input-placeholder{
    color: white;
    border-radius: 1rem;
}
.bai i{
    position: absolute;
    left:.3rem;
    top: .26rem;
    color: white;
    z-index: 30;
}
.f1{
    font-size: 0;
    padding:.3rem;
    background-color: white;
}
.list{
    width: 100%;

}
.list>li{
    width: 25%;

}

.list p{
    font-size: .24rem;
    color: #3f3f3f;
    margin: .16rem 0 .24rem;
}
.list i{
    font-size: .44rem;
    color: white;
}
.list2{
    width: 100%;

}
.list2>li{
    width: 25%;

}
.list2>li:last-child{
    position: relative;
}
.list2 p{
    font-size: .24rem;
    color: #3f3f3f;
    margin-top: .16rem
}
.list2 i{
    font-size: .44rem;
    color: white;
}
.yuan{
     width: .82rem;
     height: .82rem;
     border-radius: 50%;
     background: -webkit-linear-gradient(left, #ff6565 0%,#ff1f26 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to right, #ff6565 0%,#ff1f26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 }
.yuan2{
    width: .82rem;
    height: .82rem;
    border-radius: 50%;
    background: -webkit-linear-gradient(left, #fc864c 0%,#e06d35 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fc864c 0%,#e06d35 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.yuan3{
    width: .82rem;
    height: .82rem;
    border-radius: 50%;
    background: -webkit-linear-gradient(left, #ffb72b 0%,#ffa800 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffb72b 0%,#ffa800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.yuan4{
    width: .82rem;
    height: .82rem;
    border-radius: 50%;
    background: -webkit-linear-gradient(left, #61d931 0%,#63b144 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #61d931 0%,#63b144 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.yuan5{
    width: .82rem;
    height: .82rem;
    border-radius: 50%;
    background: -webkit-linear-gradient(left, #fdcd1a 0%,#feaf09 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fdcd1a 0%,#feaf09 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.yuan6{
    width: .82rem;
    height: .82rem;
    border-radius: 50%;
    background: -webkit-linear-gradient(left, #f64779 0%,#e23a6a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f64779 0%,#e23a6a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.yuan7{
    width: .82rem;
    height: .82rem;
    border-radius: 50%;
    background: -webkit-linear-gradient(left, #0ddd9a 0%,#0bac78 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #0ddd9a 0%,#0bac78 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.yuan8{
    width: .82rem;
    height: .82rem;
    border-radius: 50%;
    background: -webkit-linear-gradient(left, #0d9cf4 0%,#0979bf 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #0d9cf4 0%,#0979bf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bai40{
    width:.64rem;
    height: .3rem;
    border-radius: 3px;
    background-color: #ff4c4c;
    font-size: .12rem;
    color:white;
    position: absolute;
    left: .8rem;
    top: .46rem;
}
.banner2{
    padding: 0 .3rem;
    background-color: white;
}
.banner2>img{
    width: 100%;

}
.f2{
    font-size: 0;
    padding: .2rem .3rem;
    background-color: white;
}
.list3{
    font-size: 0;
    margin-bottom: .2rem;
}
.list3>li{
    width:48%;
    height: 2.36rem;
    border-radius: 8px;
    background-color: #f8f8fa;
    padding:.2rem;
    margin-right: 4%;
    font-size: 0;
}
.list3>li:first-child{
    position: relative;
}
.list3>li:last-child{
    margin-right: 0;
}
.p1{
    font-size: .32rem;
    color: #ff4c4c;
    font-weight: bolder;
    margin-right: .1rem;
}
.kuan{
    width:1rem;
    height: .34rem;
    border-radius: 4px;
    background-color: #ff4c4c;
    font-size: .16rem;
    color:white;
    font-weight: bolder;
    text-align: center;
}
.p2{
    font-size: .24rem;
    color: #7f8699;
    margin-bottom: .1rem;
}
.p3{
    font-size: .24rem;
    color: #7f8699;
    margin-bottom: .18rem;
}
.list3 img{
    width: 1.24rem;
    height: 100%;
}
.bai50{
    width:1rem;
    height: .36rem;
    border-radius: 3px;
    background-color: #ff4c4c;
    font-size: .28rem;
    color:white;
    position: absolute;
    left: .32rem;
    top: 1.86rem;
}
.list4{
    font-size: 0;
    width: 100%;
    margin-bottom: .2rem;
}
.list4>li{
    width:48%;
    border-radius: 8px;
    background-color: #f8f8fa;
    padding:.2rem;

    margin-right: 4%;
    font-size: 0;
}
.list4>li:last-child{
    margin-right: 0;
}
.p4{
    font-size: .28rem;
    color: #3f3f3f;
}
.p5{
    font-size: .26rem;
    color: #7f8699;
}
.list4 img{
    width: .88rem;
}
.f3{
    font-size: 0;
    border-top: 1px solid #d6d7dc;
    padding:.2rem .3rem;
    background-color: white;
}

.f3>img{
    width: .7rem;
    margin:0 .1rem;
}
.reping{
    width:.62rem;
    border-radius: 3px;
    border:1px solid #ee7841 ;
    font-size: .12rem;
    color:#ee7841;
    margin-right: .1rem;
}
.re{
    margin-bottom: .1rem;
}
.f3 a{
    font-size: .24rem;
    color: #3f3f3f;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.f4{
    font-size: 0;
    padding: .2rem .3rem;
}
.shiping{
    width: 100%;
    height: 3.75rem;
    background: url(../img/11.png);
    background-repeat: no-repeat;
    background-size:cover;
}
.f5{
    font-size: 0 ;
    background-color: white;
    margin-bottom: .2rem;
}
.sekuai{
    width: .06rem;
    height: .32rem;
    border-radius: 1rem;
    background-color: #ff4c4c;
}
.f5-1{
    padding: .2rem .3rem;
}
.f5-1>span{
    font-size: .28rem;
    color: #ff4c4c;
    margin: 0 .12rem;
}
.f5-1>a{
    font-size: .24rem;
    color: #7f8699;
}
.list5{
    font-size: 0;
    width: 100%;
    padding: .7rem .3rem;
    border-top:1px solid #e1e1e1;
}
.list5>li{
    width:50%;
    margin-right: .2rem;

}
.list5>li:last-child{
    margin-right: 0;
}
.zhong{
    text-align: center;
}
.p6{
    font-size: .24rem;
    color: #ff4c4c;
    font-weight: bold;
}
.p7{
    font-size: .24rem;
    color: #7f8699;
    margin: .04rem 0;

}
.p8{
    font-size: .22rem;
    color: #3f3f3f;
}


.list5 img{
    width: 1.3rem;
}
.list6{
    font-size: 0;
    padding:0 .3rem;
    border-top:1px solid #e1e1e1;
}
.list6>li{
    width:50%;
    font-size: 0;
    padding: .2rem .1rem;
}
.list6>li:first-child{
    border-right: 1px solid #e1e1e1;
}
.p9{
    font-size: .3rem;
    color: #ff4c4c;
}
.p10{
    font-size: .24rem;
    color: #7f8699;
    margin:.04rem 0 .3rem;
 }
.list6 img{
    width: 1.2rem;
    height: 100%;
}
.f6{
    font-size: 0 ;
    background-color: white;
}

#img1{
    width:0.7rem;
}

footer{
    height:.98rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: white;
    padding: 0 .3rem;
}
.list0{
    font-size: 0;
    height: 100%;
}
.list0>li{
    height: 100%;
    width: 25%;
    font-size: .24rem;
    color: #7f8699;
}
.list0>li:active{
    color: #ff6061;
}
.list0>li:active>i{
    color: #ff6061;
}
.list0 i{
    font-size: .44rem;
    color: #7f8699;
}
